<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>工作经历</title>
		<style type="text/css">
			*{
				margin: 0px;
				padding: 0px;
			}
		</style>
	</head>
	<body>
		<h2>工作经历</h1>
		<hr>
		<div id="fromElemnt"></div>
		<input type="button" id="addElenment" onclick="addfrom1()" value="添加工作经历" />	
	</body>
	<script type="text/javascript">
		function addfrom1(){
			var myFrom1=document.getElementById('fromElemnt');
			//添加div元素
			myFrom1.innerHTML+=`
				<div id="myFromdiv2">
				公司名称：<input type="text"  id="comUser" placeholder="公司名称"/>
				职位：<input type="text"  id="comUser" placeholder="职位名称"/>
				<input type="button" value="删除工作经历" onclick="remoHTml()"/>
				<br>
				工作责任及工作内容描述：
				<br>
					<textarea rows="10" cols="100"></textarea>
				<hr>
				</div>
			`;
			
			console.log('添加成功');
		}
		function remoHTml(){
			var myFrom1=document.getElementById('fromElemnt');
			var myFrom2=document.getElementById('myFromdiv2');
			myFrom1.removeChild(myFrom2);
			console.log('删除成功');
		}
	</script>
</html>
